import { defineStore } from "pinia";
import { ref } from "vue";
import { cartListAPI } from "@/server/api/cartView";
import { ToastFun } from "@/hook/toast";

export const useCartPage = defineStore(
  "userCart",
  () => {
    let showPopupss = ref(false);
    let totalPrice = ref(0);
    let products = ref([]);
    const baseURL = "https://sea.im/api";
    const loading = ref(false);
    const finished = ref(false);
    const selectAll = ref(false);
    const selectOne = ref(true);
    const selectIds = ref([]);
    const selectIndex = ref([]);
    let oldCount = ref(1);
    let newCount = ref(1);
    // 购物车列表接口
    const cartViewList = async (userId) => {
      ToastFun("Loading", {});
      const res = await cartListAPI(userId);
      console.log(res)
      if (res.data.code == 200) {
        ToastFun("", {});
        products.value = res.data.data;
        oldCount.value = res.data.data.length;
        newCount.value = res.data.data.length;
      } else {
        ToastFun("", {});
      }
     

      // products.value.forEach((item) => {
      //   if (!item.avatarImag.includes("http")) {
      //     let imgList = item.avatarImag.split(".");
      //     item.avatarImag = baseURL + imgList[0] + "_320_180." + imgList[1];
      //   }
      // });
      console.log("商品列表", res.data.data);
    };

    // 减
    // const decrementQuantity = (product) => {
    //   if (product.sumCount > 1) {
    //     product.sumCount--;
    //     calculateTotalPrice();
    //   } else if (product.sumCount == 1) {
    //     showPopupss.value = true;
    //     setTimeout(() => {
    //       showPopupss.value = false;
    //     }, 1500);
    //   }
    // };

    // // 加
    // const incrementQuantity = (product) => {
    //   product.sumCount++;
    //   product.isCheck = true;
    //   calculateTotalPrice();
    // };

    // // 单个商品价格
    // const calculatePrice = (product) => {
    //   return (product.price * product.sumCount).toFixed(2);
    // };

    // // 总价
    // const calculateTotalPrice = () => {
    //   totalPrice.value = products.value
    //     .filter((product) => product.isCheck)
    //     .reduce((total, product) => {
    //       return total + product.price * product.sumCount;
    //     }, 0)
    //     .toFixed(2);
    //   //selectAll.value = products.value.every((item) => item.isCheck);
    //   // selectOne.value = products.value.some((item) => item.isCheck);
    //   selectIds.value = [];
    //   selectIndex.value = [];
    //   products.value.forEach((item, index) => {
    //     if (item.isCheck) {
    //       selectIds.value.push(item.cartId);
    //       selectIndex.value.push(index);
    //     }
    //   });
    //   selectOne.value = selectIds.value.length > 0;
    //   selectAll.value = selectIds.value.length === products.value.length;
    //   console.log(selectOne.value,"选1");
    //   console.log(selectAll.value,"是否全");
    //   console.log(selectIds.value,"ids");
    //   console.log(selectIndex.value,"?");
    // };

    // // 全选
    // const toggleSelectAll = () => {
    //   products.value.forEach((product) => {
    //     product.isCheck = selectAll.value;
    //   });
    //   calculateTotalPrice();
    // };

    return { 
      totalPrice,
      cartViewList,
      products,
      oldCount,
      newCount,
    };
  },
  {
    persist: true,
  }
);
